<template>
  <div>
    <Row class="expand-row">
      <Col span="8">
        <span class="expand-key">Job: </span>
        <span class="expand-value">{{ row.job }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">Interest: </span>
        <span class="expand-value">{{ row.interest }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">Birthday: </span>
        <span class="expand-value">{{ row.birthday }}</span>
      </Col>
    </Row>
    <Row>
      <Col span="8">
        <span class="expand-key">Favorite book: </span>
        <span class="expand-value">《{{ row.book }}》</span>
      </Col>
      <Col span="8">
        <span class="expand-key">Favorite movie: </span>
        <span class="expand-value">{{ row.movie }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">Favorite music: </span>
        <span class="expand-value">{{ row.music }}</span>
      </Col>
    </Row>
    <Row>
      <Input type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="Enter something..."></Input>
    </Row>
  </div>
</template>
<script>
export default {
  name: 'TestReportInfo',
  props: {
    row: Object
  }
};
</script>
<style scoped>
.expand-row{
  margin-bottom: 16px;
}
</style>